<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        
        <meta name="keywords" content="">  
        <meta name="description" content="">  
        <title>Danh sách phòng ban</title>
        <link rel="stylesheet" type="text/css" href="../css/easyui/themes/default/easyui.css">  
        <link rel="stylesheet" type="text/css" href="../css/easyui/themes/icon.css">  
        <link rel="stylesheet" type="text/css" href="../css/easyui/demo/demo.css">  
        <script type="text/javascript" src="../js/jquery.min.js"></script>  
        <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
        <style type="text/css">
            div.panel-title {
                font-family: Tahoma;
                font-weight: bold;
                font-size: 12px;
            }
            table.datagrid-htable tbody tr.datagrid-header-row td div.datagrid-cell {
                font-family: Tahoma;
                font-weight: bold;
                font-size: 12px;
            }
            div.datagrid-view {
                font-family: Arial;
                font-size: 10px;
            }
        </style>
    </head>
    <body>
        <table id="tt" class="easyui-datagrid" style="width:700px;height:250px"  
                url="GetDepartmentData"  
                title="Danh sách phòng ban" iconCls="icon-save"  
                rownumbers="true" pagination="true">  
            <thead>  
                <tr>  
                    <th field="departmentId" width="80">ID</th>  
                    <th field="name" width="573">Department Name</th>
                </tr>  
            </thead>  
        </table>        
    </body>
</html>
